<template>
  <div id="home">
    <!-- 头部 -->
    <top></top>
    <slide></slide>
    <div class="rvcontent">
      <router-view/>
    </div>
  </div>
</template>

<script>
import top from './top.vue'
import slide from './slide.vue'
export default {
  name: 'home',
  components: {
    top,
    slide
  },
  data () {
    return {
    };
  }
};
</script>

<style lang="scss">
  #home {
    .rvcontent {
      position: absolute;
      top: 60px;
      left: 200px;
      right: 0;
      bottom: 0;
      padding: 15px 20px;
      overflow-y: auto;
      // background: linear-gradient(right bottom,#3B3D41,#7C9EB0);
      background-image: url('../assets/image/bg.png');
      background-repeat: no-repeat;
      background-size: cover; 
      overflow-x: hidden;
    }
    // 嵌套路由里面的title
    .homeTitle {
      height: 60px;
      background-color: rgba(0, 0, 0, .3);
      line-height: 60px;
      font-size: 18px;
      color: white;
      padding-left: 20px;
    }
  }
</style>
